/* LOCKED */
.tree-default .locked li a {
    color: gray;
}

/* DOTS */
.tree-default ul {
    background-position: 6px 1px;
    background-repeat: repeat-y;
    background-image: url("dot.gif");
}

.tree-default li {
    background-position: 7px 8px;
    background-repeat: no-repeat;
    background-image: url("li.gif");
}

.tree-default li.last {
    background-position: 5px top;
    background-repeat: no-repeat;
    background-image: url("lastli.gif");
}

/* DOTS - RIGHT TO LEFT */
.tree-default .rtl, .tree-default .rtl ul {
    background-position: right 1px;
}

.tree-default .rtl li {
    background-position: right 8px;
}

.tree-default .rtl li.last {
    background-image: url("lastli_rtl.gif");
    background-position: right top;
}

/* NO DOTS */
.tree-default .no_dots, .tree-default .no_dots ul {
    background: transparent;
}

.tree-default .no_dots li.leaf {
    background-image: none;
    background-color: transparent;
}

/* OPEN or CLOSED */
.tree-default li.open {
    background: url("fminus.gif") 4px 6px no-repeat;
}

.tree-default li.closed, #jstree-dragged.tree-default li li.open {
    background: url("fplus.gif") 5px 5px no-repeat;
}

/* RIGHT TO LEFT */
.tree-default .rtl li {
    margin-right: 1px;
}

.tree-default .rtl li.last {
    margin-right: 0;
    padding-right: 16px;
}

.tree-default .rtl li.open {
    background: url("fminus_rtl.gif") right 6px no-repeat;
    margin-right: 0;
    padding-right: 16px;
}

.tree-default .rtl li.closed, #jstree-dragged.tree-default .rtl li li.open {
    background: url("fplus_rtl.gif") right 4px no-repeat;
    margin-right: 0;
    padding-right: 16px;
}

/* DEFAULT, HOVER, CLICKED, LOADING STATES */
.tree-default li a, .tree-default li span {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 4px 1px;
    padding: 1px 4px 1px 23px;
    background-image: url("f.png");
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.tree-default li a:hover, .tree-default li a.hover {
    background-color: #e7f4f9;
    border: 1px solid #d8f0fa;
    padding: 0px 3px 0px 22px;
    background-position: 3px 0px;
}

.tree-default li a.clicked, .tree-default li a.clicked:hover, .tree-default li span.clicked {
    background-color: #beebff;
    border: 1px solid #99defd;
    padding: 0px 3px 0px 22px;
    background-position: 3px 0px;
}

.tree-default li span.clicked {
    padding: 0px 3px 0px 20px;
}

.tree-default li a.loading {
    background-image: url("throbber.gif");
}

/* DEFAULT, HOVER, CLICKED, LOADING STATES - RIGHT TO LEFT */
.tree-default .rtl li a, .tree-default .rtl li span {
    padding: 1px 23px 1px 4px;
    background-position: right 1px;
    margin-right: 1px;
}

.tree-default .rtl li a:hover, .tree-default .rtl li a.hover {
    padding: 0px 23px 0px 3px;
    background-position: right 0px;
    margin-right: 0px;
}

.tree-default .rtl li a.clicked, .tree-default .rtl li a.clicked:hover, .tree-default .rtl li span.clicked {
    padding: 0px 23px 0px 3px;
    background-position: right 0px;
    margin-right: 0px;
}

.tree-default .rtl li span.clicked {
    padding: 0px 21px 0px 3px;
}

/* CONTEXT MENU */
.tree-default-context {
    width: 160px;
    background: #F0F0F0 url("context.gif") 22px 0 repeat-y;
    border: 1px solid silver;
    position: absolute;
}

.tree-default-context a, .tree-default-context a.disabled:hover {
    display: block;
    text-decoration: none;
    color: black;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: 2px center;
    padding: 1px 0 1px 25px;
    background-color: transparent;
    border: 1px solid #f0f0f0;
    border-width: 0 1px;
    margin: 0;
}

.tree-default-context a:hover {
    background-color: #e7f4f9;
    border: 1px solid #d8f0fa;
    padding: 0 0 0 25px;
    margin: 0;
}

.tree-default-context a.disabled, .tree-default-context a.disabled:hover {
    color: silver;
    opacity: 0.5;
    -ms-filter: 'alpha(opacity=50)';
    filter: alpha(opacity = 50);
    zoom: 1;
}

.tree-default-context .separator {
    background: #FFFFFF;
    border-top: 1px solid #E0E0E0;
    font-size: 1px;
    height: 1px;
    line-height: 1px;
    margin: 0 2px 0 24px;
    min-height: 1px;
    display: block;
}